.container {
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.flex{
	display: flex;
}

.flex-c {
	display: flex;
	flex-direction: column;
}

.flex-r {
	display: flex;
	flex-direction: row;
}

.fj-c {
	justify-content: center;
}

.fj-b {
	justify-content: space-between;
}

.fai-c {
	align-items: center;
}

.logo-15 {
	width: 15rpx;
	height: 15rpx;
}

.logo-20 {
	width: 20rpx;
	height: 20rpx;
}

.logo-30 {
	width: 30rpx;
	height: 30rpx;
}

.logo-35 {
	width: 35rpx;
	height: 35rpx;
}

.logo-40 {
	width: 40rpx;
	height: 40rpx;
}

.logo-50 {
	width: 50rpx;
	height: 50rpx;
}

.logo-60 {
	width: 60rpx;
	height: 60rpx;
}

.logo-80 {
	width: 80rpx;
	height: 80rpx;
}

.logo-100 {
	width: 100rpx;
	height: 100rpx;
}

.logo-120 {
	width: 120rpx;
	height: 120rpx;
}

.logo-150 {
	width: 150rpx;
	height: 150rpx;
}

.logo-200 {
	width: 200rpx;
	height: 200rpx;
}

.logo-300 {
	width: 300rpx;
	height: 300rpx;
}

.mrgl-10 {
	margin-left: 10rpx;
}

.mrgl-15 {
	margin-left: 15rpx;
}

.mrgr-10 {
	margin-right: 10rpx;
}

.mrgr-15 {
	margin-right: 15rpx;
}

.mrgt-5 {
	margin-top: 5rpx;
}

.mrgt-10 {
	margin-top: 10rpx;
}

.mrgt-30 {
	margin-top: 30rpx;
}

.mrgt-50 {
	margin-top: 50rpx;
}

.mrgt-80 {
	margin-top: 80rpx;
}

.mrgt-100 {
	margin-top: 100rpx;
}

.bgc-red {
	background-color: #f00;
}

.bgc-home {
	background-color: #00A9EA;
}

.bgc-fff {
	background-color: #FFFFFF;
}

.bgc-f7 {
	background-color: #F7F7F7;
}

.bgc-999 {
	background-color: #999999;
}

.col-red{
	color: #f00;
}

.col-green{
	color: #07C160;
}

.col-home {
	color: #00A9EA;
}

.col-fff {
	color: #ffffff;
}

.col-333 {
	color: #333333;
}

.col-666 {
	color: #666666;
}

.col-999 {
	color: #999999;
}

.col-f7 {
	color: #f7f7f7;
}

.col-2e {
	color: #2e2e2e;
}

.col-000 {
	color: #000000;
}

.col-red {
	color: #FF0000;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-33 {
	width: 33.3%;
}

.w-44 {
	width: 44%;
}

.w-45 {
	width: 45.5%;
}

.w-46 {
	width: 46%;
}

.w-47 {
	width: 47%;
}

.w-50 {
	width: 50%;
}

.w-80 {
	width: 80%;
}
.w-90 {
	width: 90%;
}

.w-92 {
	width: 92%;
}

.w-94 {
	width: 94%;
}

.w-100 {
	width: 100%;
}

.h-2 {
	height: 2rpx;
}

.h-50 {
	height: 50rpx;
}

.h-80 {
	height: 80rpx;
}

.h-90 {
	height: 90rpx;
}

.h-100 {
	height: 100rpx;
}

.h-p100 {
	height: 100vh;
}

.h-p90 {
	height: 90vh;
}

.h-p83 {
	height: 83.3vh;
}

.h-p91 {
	height: 91vh;
}

.h-p92 {
	height: 92vh;
}

.h-p93 {
	height: 93vh;
}

.h-p85 {
	height: 85vh;
}

.pd-2030 {
	padding: 20rpx 30rpx;
}

.pd-3020 {
	padding: 30rpx 20rpx;
}

.pd-30 {
	padding: 30rpx;
}

.mgt-3 {
	margin-top: 3rpx;
}

.mgt-5 {
	margin-top: 5rpx;
}

.mgt-8 {
	margin-top: 8rpx;
}

.mgt-10 {
	margin-top: 10rpx;
}

.mgt-15 {
	margin-top: 15rpx;
}

.mgt-20 {
	margin-top: 20rpx;
}

.mgt-30 {
	margin-top: 30rpx;
}

.mgt-50 {
	margin-top: 50rpx;
}

.mgt-100 {
	margin-top: 100rpx;
}

.mgt-150 {
	margin-top: 150rpx;
}
.mgt-200 {
	margin-top: 200rpx;
}

.mgl-3 {
	margin-left: 3rpx;
}
.mgl-p3 {
	margin-left: 3%;
}

.mgl-5 {
	margin-left: 5rpx;
}

.mgl-10 {
	margin-left: 10rpx;
}

.mgl-15 {
	margin-left: 15rpx;
}

.mgl-20 {
	margin-left: 20rpx;
}

.mgl-30 {
	margin-left: 30rpx;
}

.mgr-3 {
	margin-right: 3rpx;
}

.mgr-5 {
	margin-right: 5rpx;
}

.mgr-10 {
	margin-right: 10rpx;
}

.mgr-15 {
	margin-right: 10rpx;
}

.mgr-20 {
	margin-right: 20rpx;
}

.mgr-30 {
	margin-right: 30rpx;
}

.mgb-3 {
	margin-bottom: 3rpx;
}

.mgb-5 {
	margin-bottom: 5rpx;
}

.mgb-10 {
	margin-bottom: 10rpx;
}

.mgb-20 {
	margin-bottom: 20rpx;
}

.mgb-30 {
	margin-bottom: 30rpx;
}

.mgb-50 {
	margin-bottom: 50rpx;
}

.mgb-100 {
	margin-bottom: 100rpx;
}

.f-size18 {
	font-size: 18rpx;
}

.f-size21 {
	font-size: 21rpx;
}

.f-size24 {
	font-size: 24rpx;
}

.f-size26 {
	font-size: 26rpx;
}

.f-size28 {
	font-size: 28rpx;
}

.f-size30 {
	font-size: 30rpx;
}

.f-size32 {
	font-size: 32rpx;
}

.f-size34 {
	font-size: 34rpx;
}

.f-size34 {
	font-size: 34rpx;
}

.f-size36 {
	font-size: 36rpx;
}

.f-size40 {
	font-size: 40rpx;
}

.f-size50 {
	font-size: 50rpx;
}

.f-weight-500 {
	font-weight: 500;
}

.f-weight-600 {
	font-weight: 600;
}

.f-weight-700 {
	font-weight: 700;
}

.br-15{
	border-radius: 15rpx;
}

.br-top-15{
	border-top-right-radius: 15rpx;
	border-top-left-radius: 15rpx;
}

.br-50{
	border-radius: 50%;
}

.line-h {
	width: 100%;
	height: 2rpx;
	background-color: #EAEAEA;
}

/* 滑动置顶样式 */
.sticky{
	position: sticky;
	top: var(--window-top);
	z-index: 99;
}

.btn-commit {
	width: 80%;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	color: #fff;
	background: linear-gradient(268.13deg, #73C5B2 8.77%, #00A9EA 84.91%);
	/* box-shadow: 0px 4px 13px rgba(230, 33, 41, 0.3); */
	border-radius: 40rpx;
}

.btn-commit2 {
	width: 80%;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	border-radius: 40rpx;
}

.btn-mark {
	border-radius: 10rpx;
	border: 2rpx solid #EAEAEA;
	padding: 0 15rpx 0 15rpx;
}

.btn-temp {
	border-radius: 30rpx;
	border: 2rpx solid #EAEAEA;
	padding: 10rpx 30rpx 10rpx 30rpx;
}

.btn-temp-home {
	border-radius: 30rpx;
	border: 2rpx solid #4495D5;
	padding: 10rpx 30rpx 10rpx 30rpx;
}


.table {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.title1 {
	height: auto;
	white-space: nowrap;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.title2 {
	height: auto;
	white-space: nowrap;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.oneline {
	height: auto;
	white-space: nowrap;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
	
.line-price {
	text-decoration: line-through;
	font-size: 21rpx;
	color: #999999;
}
	

.center-item {
	width: 94%;
	background-color: #FFFFFF;
	/* box-shadow: 0rpx 1rpx 4rpx rgba(0, 0, 0, 0.05); */
	border-radius: 15rpx;
}

.zan-dialog--show .zan-dialog__container {
	transform: translateY(0);
}

.zan-dialog--show .zan-dialog__mask {
	display: block;
}

.zan-dialog__mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(0, 0, 0, 0.4);
	/*设置阴影半透明背景如： background: rgba(0, 0, 0, 0.4);*/
	display: none;
}

.zan-dialog__container {
	position: fixed;
	width: 100%;
	/*弹窗布局宽*/
	height: auto;
	/*弹窗布局高，与下面弹出距离transform有关*/
	bottom: 0;
	left: 0;
	right: 0;
	background: #f8f8f8;
	transform: translateY(300%);
	/*弹框弹出距离，与弹框布局高度有关，如300%表示弹起距离为3倍弹窗高度 */
	transition: all 0.4s ease;
	z-index: 12;
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
}

/* 城市选择 */
.picker {
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 12;
	background-color: #fff;
	background: rgba(0, 0, 0, 0.2);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0rpx;
}

.picker-view {
	width: 100%;
	display: flex;
	z-index: 12;
	background-color: #fff;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0rpx;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
}

.gangedBtn {
	margin-top: 20rpx;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
	width: 100%;
	height: 90rpx;
	padding: 0 50rpx;
	box-sizing: border-box;
	line-height: 90rpx;
	text-align: center;
	color: black;
	font-size: 0.8rem;
	display: flex;
	background: white;
	justify-content: space-between;
}

.cont {
	width: 100%;
	height: 389rpx;
}
.bgview{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	flex-direction: column; 
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	
}

/* 显示 -- 淡入 */
.totop-in {
	opacity: 1;
}

/* 隐藏 -- 淡出且不接收事件*/
.totop-out {
	opacity: 0;
	pointer-events: none;
}
	
.picker-item {
	line-height: 70rpx;
	margin-left: 5rpx;
	margin-right: 5rpx;
	text-align: center;
}


.cu-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1110;
	opacity: 0;
	outline: 0;
	text-align: center;
	-ms-transform: scale(1.185);
	transform: scale(1.185);
	backface-visibility: hidden;
	perspective: 2000upx;
	background: rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease-in-out 0s;
	pointer-events: none;
}

.cu-modal::before {
	content: "\200B";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.cu-modal.show {
	opacity: 1;
	transition-duration: 0.3s;
	-ms-transform: scale(1);
	transform: scale(1);
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto;
}

.cu-dialog {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: 680upx;
	max-width: 100%;
	background-color: #f8f8f8;
	border-radius: 10upx;
	overflow: hidden;
}

.cu-modal.bottom-modal::before {
	vertical-align: bottom;
}

.cu-modal.bottom-modal .cu-dialog {
	width: 100%;
	border-radius: 0;
}

.cu-modal.bottom-modal {
	margin-bottom: -1000upx;
}

.cu-modal.bottom-modal.show {
	margin-bottom: 0;
}

.cu-modal.drawer-modal {
	transform: scale(1);
	display: flex;
}

.cu-modal.drawer-modal .cu-dialog {
	height: 100%;
	min-width: 200upx;
	border-radius: 0;
	margin: initial;
	transition-duration: 0.3s;
}

.cu-modal.drawer-modal.justify-start .cu-dialog {
	transform: translateX(-100%);
}

.cu-modal.drawer-modal.justify-end .cu-dialog {
	transform: translateX(100%);
}

.cu-modal.drawer-modal.show .cu-dialog {
	transform: translateX(0%);
}
.cu-modal .cu-dialog>.cu-bar:first-child .action{
  min-width: 100rpx;
  margin-right: 0;
  min-height: 100rpx;
}